<template>
    <div>img</div>
    <!-- <ImgCur /> -->

    <ImgCur  v-on:cutDown="cutDown" 
                           :sizeChange="false"
                           :boxWidth="900"
                           :boxHeight="900"
                           :cutWidth="800"
                           :cutHeight="800"
                           title="请手动剪裁合适的图片大小"
                           >     
                    <div slot="open"
                         class="image-box"
                         :title="GET_USER_INFO.phone ? '' : '【请先绑定手机】'"
                    >
                        <i slot="default" class="el-icon-plus"></i>
                    </div>
                </ImgCur>
</template>

<script>
import ImgCur from '@/components/ImgCur.vue';
import { ref} from 'vue';
export default{
    components:{
        ImgCur
    },
    setup(){
        const ruleForm = ref({
            headImageList:[1]
        })
        const cutDown = ()=>{
            console.log("cutDown");
        }

        return {cutDown,ruleForm}
    }
}
</script>